<template>
	<header>
		<div class="left">
			<img src="../assets/images/logo.png" alt="" class="logo">
		</div>
		<div class="right">
			<el-dropdown trigger="click" size="mini">
				<span>
					<img :src="userImg" class="img">
				</span>
				<el-dropdown-menu slot="dropdown">
				    <el-dropdown-item>个人中心</el-dropdown-item>
				    <el-dropdown-item>退出</el-dropdown-item>
				  </el-dropdown-menu>
			</el-dropdown>
			
		</div>
	</header>
</template>

<script>
	export default {
		name:'CommonHeader',
		data() {
			return{
				userImg:require('../assets/images/touxiang.png')
			}
		}
	}
</script>

<style scoped>
	.logo {
		width: 90px;
		height: 55px;
	}
	header {
		display: flex;
		height: 100%;
		justify-content: space-between;
		align-items: center;
	}
	.right .img{
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}
</style>